Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS.
Course developed by @CodeBucks
🔗 Demo Link:
💻 Starter Code:
💻 Final Code:
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro + Demo
⌨️ (0:06:02) Setup and Installation
⌨️ (0:08:11) Layout.js file and Tailwind config
⌨️ (0:11:53) Home page
⌨️ (0:13:21) Generate Images using Playground AI
⌨️ (0:16:56) 3D model configuration and Rendering
⌨️ (0:37:13) Navigation buttons
⌨️ (1:07:53) Creating background firefly effect
⌨️ (1:20:07) Projects page
⌨️ (1:32:46) Subpages layout
⌨️ (1:40:08) About page
⌨️ (1:55:48) Github stats & Skill icons
⌨️ (2:10:48) Contact page
⌨️ (2:20:06) Using Emailjs
⌨️ (2:35:27) Show toast messages
⌨️ (2:41:23) Mobile responsive
⌨️ (3:10:16) Adding animations using framer-motion
⌨️ (3:23:57) Adding music
⌨️ (3:49:21) Optimizing Images and performance
🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual
--
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
|
🔥AI Accelerator Program - From Prompts t...
🔥SP Jain - AI-Powered Digital Marketing ...
🔥PMP - 🔥PMP Plus - In this video, Pro...
🔥 Professional Certificate Course in Gen...
🔥Microsoft Applied Agentic AI: Systems D...
🔥 Professional Certificate Course in Gen...
本日はAI会社についてお話させて頂きました! ぜひご視聴ください! 🧑💻⬇...
Learn how to use Chrome DevTools for age...
Google DeepMind's Paige Bailey catches u...
Tired of having your web scraper get blo...
本日はAIのクレジット節約術についてお話させて頂きました! ぜひご視聴ください!...
Find out how to build custom third-party...
Andrew from the Flutter team catches up ...
Everyone is talking about AI agents and ...